:root{--fieldPadding:12px}.sb-fieldBase{display:block;position:relative;padding:var(--fieldPadding) var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));z-index:0}[data-focus-source=keyboard] .sb-fieldBase--isFocused{box-shadow:0 0 0 2px var(--colorHouseGreen);border-radius:12px}.sb-fieldBase__ripple{z-index:-1}.sb-fieldBase__childWrapper{display:block;position:relative;border-radius:8px;transition:border .2s linear .2s;background-color:var(--colorWhite);padding:12px 16px;box-shadow:0 0 0 1px var(--colorBlack40)}.sb-fieldBase__childWrapper--Inactive{box-shadow:inset 0 1px 4px var(--colorBlack10);background-color:var(--colorNeutralCool)}.sb-fieldBase--modified .sb-fieldBase__childWrapper{box-shadow:0 0 0 2px var(--colorGreenAccent)}.sb-fieldBase--isInvalid .sb-fieldBase__childWrapper{box-shadow:0 0 0 2px var(--colorRed)}@media (min-width:768px){.sb-fieldBase{padding-left:var(--space-2);padding-right:var(--space-2);margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2))}}